<template>
      <div id="proban" >
            <img src="../../assets/img/banner.png" alt="">
            <div class="btn" @click="showDia">立即咨询</div>
            <dialog-box :DialogData="DialogData" :formData="formData"></dialog-box>
      </div>
</template>

<script>
import DialogBox from "@/components/Dialog"
      export default {
            components: {
                  DialogBox,
            },
            data() {
                  return {
                        DialogData: {
                              show: false,
                              title: "立即咨询"
                        },
                        formData: {
                              username: "",
                              telephone: ""
                        }
                  }
            },
            methods: {
                  showDia() {
                       // console.log(11);
                        
                        this.DialogData = {
                              show: true,
                              title: "立即咨询"
                        }
                        this.formData = {}
                  }
            },
      }
</script>

<style lang="scss" scoped>
#proban {
      max-width: 1920px;
      margin: 0 auto;
      position: relative;
      left: 0;
      top: 0;
      cursor: pointer;
      img {
            width: 100%;
            display: block;
      }
      .btn {
            width: 193px;
            height: 47px;
            line-height: 47px;
            font-size: 30px;
            text-align: center;
            background-color: #fff;
            color: #000;
            border-radius: 10px;
            position: absolute;
            left: 50%;
            margin-left: -100px;
            bottom: 60px;
            cursor: pointer;
      }
}
</style>